<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册页面</title>
    <!-- 重置 -->
    <link rel="stylesheet" href="../css/normalize.css">
    <!-- 公共 -->
    <link rel="stylesheet" href="../css/common.css">
    <!-- 当前 -->
    <link rel="stylesheet" href="../css/register.css">
</head>
<body class="bgcf8 clearfix mwd1200">
    <!-- 头部 -->
    <div class="bgcff mwd1200">
        <div class="container clearfix">
            <a class="reg-head-logo fl" href="#">
                <img src="../imgs/new-logo-white2.png" alt="">
            </a>
            <p class="reg-head-text fr">
                <span>已有源码账号，</span>
                <a href="./login.html" target="_blank">立即登录</a>
            </p>

        </div>
    </div>
    <!-- 内容 -->
    <div class="reg-body container bgcff">
        <div class="body-cont">
            <h2>欢迎注册</h2>
            <h3>百款接口免费试用</h3>
            <p class="gift">注册即送300元大礼包</p>
            <div class="cont-input">
                <input class="user" type="text" placeholder="用户名（6~20位字母数字）">
                <img src="../imgs/clearInput.png" alt="">
                <p class="cont-tips">
                    <span class="error"></span>
                    <span>昵称需在6-12位字母数字间</span>
                </p>
            </div>
            <div class="cont-input">
                <input class="phone" type="text" placeholder="请输入手机号码">
                <img src="../imgs/clearInput.png" alt="">
                <p class="cont-tips">
                    <span class="error"></span>
                    <span>请输入正确的手机号</span>
                </p>
            </div>
            <div class="cont-input clearfix">
                <input class="short-code fl" type="text" placeholder="请输入手机短信验证码">
                <button class="short-text fr">获取验证码</button>
                <img src="../imgs/clearInput.png" alt="">
                <p class="cont-tips">
                    <span class="error"></span>
                    <span>请输入4位手机验证码</span>
                </p>
            </div>
            <div class="cont-input">
                <input class="pwd" type="password" placeholder="请输入6-12位的密码">
                <img src="../imgs/clearInput.png" alt="">
                <p class="cont-tips">
                    <span class="error"></span>
                    <span>请输入6至12位的密码</span>
                </p>
            </div>
            <p class="treaty">
                <input class="treaty-fu" type="checkbox"> 
                我已阅读并接受<span>《源码用户服务协议》</span><span>《源码隐私政策》</span>
            </p>
            <button class="now-register" disabled>立即注册</button>
        </div>
    </div>


    <!-- 当前js -->
    <script src="../js/register.js"></script>
</body>
</html>